<template>
    <div>
        <p>{{ count }}</p>
        <button @click="count++">+1</button>
        <button @click="add">+2</button>
        <button @click="add5(5)">+5</button>
    </div>
</template>

<script>
    /*
    目标：v-on指令
    作用：给dom元素绑定的事件
    语法：v-on：事件名="函数"
    函数要在methods选项中声明，简写成@
*/
    export default {
        data() {
            return {
                count: 0
            }
        },
        methods: {
            add() {
                this.count++
            },
            add5(n) {
                this.count = this.count + 5
            }
        }
    }
</script>

<style>

</style>